<template>
    <div class="articleDetail">
        <cjc-nav title="课程详情" @customRouter="customRouter"></cjc-nav>
        <!-- <iframe :src="this.$store.state.courseDetailUrl" frameborder="0" onload="this.height=100"></iframe> -->
        <iframe :src="this.$store.state.courseDetailUrl"  frameborder="0" onload="this.height=100"></iframe>
    </div>
</template>

<script>
export default {
    methods: {
        customRouter() {
            this.$router.push({
                path: '/course'
            })
            // this.$store.state.subscribeContentList = []
            window.contentRenderList = []
            this.$store.commit('SET_courseList', '')
            this.$store.commit('SET_courseDetailUrl', '')
        }
    }
}
</script>

<style lang="less" scoped>
.articleDetail {
    // height: 100vh;
    height: 100%;
    width: 100%;
    display: flex;
    iframe {
        display: flex;
        height: calc(~'100vh - 50px');
        // padding-top: 50px;
        width: 100%;
    }
}
</style>
